$('<div></div>').html('全部分类<i class="iconfont icon-xiala-"></i>').appendTo($('#nav'));
$('<div></div>').addClass('active').html('<a href="/">首页</a>').appendTo($('#nav'));
$('<div></div>').html('<a href="/city">同城</a>').appendTo($('#nav'))
$('<div></div>').html('<a href="/Friday">礼拜五</a>').appendTo($('#nav'));
$('<div></div>').html('<a href="/lxcjifenshangcheng">积分商城</a>').appendTo($('#nav'));
$('<div></div>').html('<a href="">导航+</a>').appendTo($('#nav'));
var oul = $('<ul></ul>').addClass('barNav')
    .html('<li><i class="iconfont icon-xiala-"></i><span></span></li>\n' +
        '<li><i class="iconfont icon-xiala-"></i><span></span></li>\n' +
        '<li><i class="iconfont icon-xiala-"></i><span></span></li>\n' +
        '<li><i class="iconfont icon-xiala-"></i><span></span></li>\n' +
        '<li><i class="iconfont icon-xiala-"></i><span></span></li>\n' +
        '<li><i class="iconfont icon-xiala-"></i><span></span></li>\n' +
        '<li><i class="iconfont icon-xiala-"></i><span></span></li>\n' +
        '<li><i class="iconfont icon-xiala-"></i><span></span></li>\n' +
        '<li><i class="iconfont icon-xiala-"></i><span></span></li>')
    .appendTo($('.tradecate'));
var aType = $('<div></div>').addClass('Type').appendTo('.tradecate');
var onOff = true;
$('#nav div:eq(0)').click(function () {
    if (onOff) {
        $('.tradecate').css('display', 'block');
        $('.tradecate .barNav').slideDown(800);
        onOff = false
    } else {
        $('.tradecate .barNav').slideUp(800,function(){
            $('.tradecate').css('display', 'none');
        });
        onOff = true
    }
})
$('.barNav li').mouseenter(function () {
    $('.Type').empty();
    var cateID = $(this).find('span').attr('cateID');
    ajaxreq('/lyjcataID', { cataID: cateID }, function (data) {
        for (let i = 0; i < data[0].length; i++) {
            var aName = $('<div></div>').addClass('tradeN clear').appendTo(aType);
            $('<span>').addClass('pull-left').html(data[0][i].catename).appendTo(aName);
            var oul2 = $('<ul></ul>').addClass('clear pull-left').appendTo(aName);
            for(let j = 0;j<data[1].length;j++){
                if(data[1][i].type == data[0][i].id){
                    $('<li></li>').html(data[1][i].goods_name).appendTo(oul2);
                }
            }
        }
        $('.tradeN li').click(function () {
            if (!localStorage.getItem('userID')) {
                $('#myModal').modal({
                    remote: "/alert"
                });
            }else{
                location.href = '/goods';
            }
        })
    });
    aType.css('display','block')
    $(this).siblings().removeClass('active');
    $(this).addClass('active');
})
$('.tradecate').mouseleave(function () {
    $('.Type').css('display', 'none')
})
//个人中心
$('#but1').click(function () {
    location.href = '/Mycount';
})
//搜索跳转
$('#divinput').click(function () {
    var lyjsearch = $(this).siblings('input').val();
    if(lyjsearch==''){
        return;
    }
    localStorage.setItem('searchName',lyjsearch)
    ajaxreq('/search',{name: lyjsearch},function(data){
        console.log(data)
        if(data == 0){
            location.href = '/search1';
        }else{
            location.href = '/search2';
        }
    })
})
ajaxreq('/alldata', {nav: '0'}, function (data) {
    console.log(data);
    for (let i = 0; i < data[0].length; i++) {
        $('.barNav span:eq(' + i + ')').html(data[0][i].cat_name).attr('cateID', i + 1);
    }
})
function ajaxreq(aUrl, data, fn) {
    $.ajax({
        url: aUrl,
        type: 'post',
        dataType: 'json',
        data: data,
        success: fn
    })
}

